<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		div{
			width: 320px;
			background-color: #d7d7d7;
			/* background-position:right ; */
			line-height: 40px;
			/* background-repeat: no-repeat; */
		}
			a:hover {
				color: red;
				text-decoration: underline;
			}

			ul {
				background-color: #d7d7d7;
				list-style-type: none;
				
			}

			h1 {
				color: #ffffff;
				background-color: #FF0000;
				padding: 10px;
				margin: 0;;
			
			}
			img{
				vertical-align: middle;
				float: right;
				position: relative;
				top: 13px;
			}
		</style>
	</head>
	<body>

	<div>
		<h1>全部商品分类<img src="image/arrow-down.gif" ></h1>
		<ul>
			<li><a href="">图书</a>  
				<a href="">音像</a>      
				<a href="">数字商品</a>   <img src="image/arrow-right.gif" >
			</li>
		
			<li><a href="">家用电器</a> <img src="image/arrow-right.gif" >
				<a href="">手机</a>
				<a href="">数码</a>
			</li>
		
			<li><a href="">电脑</a> <img src="image/arrow-right.gif" >
				<a href="">办公</a> 
			</li>
		
			<li><a href="">家居</a> <img src="image/arrow-right.gif" >
				<a href="">家装</a> 
				<a href="">厨具</a> 
			</li>
		
			<li><a href="">服饰鞋帽</a> <img src="image/arrow-right.gif" >
				<a href="">个护化妆</a> 
			</li>
		
			<li><a href="">礼品箱包</a> <img src="image/arrow-right.gif" >
				<a href="">钟表</a> 
				<a href="">珠宝</a> 
			</li>
		
			<li><a href="">食品饮料</a> <img src="image/arrow-right.gif" >
				<a href="">保健食品</a> 
			</li>
		
			<li><a href="">彩票</a> <img src="image/arrow-right.gif" >
				<a href="">旅行</a>
				<a href="">充值</a>
				<a href="">票务</a>
			</li>
		</ul>
	</div>
	</body>
</html>